<script>
	import {mapState} from 'vuex'
	// 项目的根组件
	export default {
		computed:{
			...mapState([
				'userInfo'
			])
		},
		onLaunch() {
			console.log('我是app中的',this.userInfo);
		},
		async onShow() {
			console.log('app中的 onshow函数');
			// 登录判断   
			// 1.判断缓存有没有存userInfo
			let userInfo = uni.getStorageSync('userInfo') || null
			if(userInfo === null){
				uni.setTabBarItem({
					index:3,
					text:'未登录'
				})
				return
			}
			// 2. 检测token是否失效
			let res = await this.$http({
				url:'checktoken',
				header:{
					"content-type":"application/json",
					"authorization":userInfo.token
				}
			})
			console.log(res);
			// 3.token有效是  修改tabbar为 '我的'
			if(res.data.code === 200){
				uni.setTabBarItem({
					index:3,
					text:'我的'
				})
			}else{
				uni.setTabBarItem({
					index:3,
					text:'未登录'
				})
				// 判断token失效 是删除本地userInfo缓存
				uni.removeStorageSync('userInfo')
			}
			
			
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	
	/* 触摸样式 */
	.touchOpacity{
		opacity: 0.3;
		color: #ff6040;
	}
</style>
